<style lang="scss">
* {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0; // 清除默认边距
  background-color: #161622;
}

ul,
ol {
  list-style: none;
}

#app {
  width: 100%;
  height: 100%;
}

.container {
  width: 100%;
  height: 100%;
}
</style>
<template>
  <div class="container">
    <router-view></router-view>
    <TabBar v-if="!isVideoPath"></TabBar>
    <LoginModal></LoginModal>
    <RegisterModal></RegisterModal>
    <ForgotPasswordModal></ForgotPasswordModal>
  </div>
</template>
<script setup>
import { useRoute } from 'vue-router';
import TabBar from './components/common/TabBar.vue';
import LoginModal from './components/login/LoginModal.vue';
import RegisterModal from './components/login/RegisterModal.vue';
import ForgotPasswordModal from './components/login/ForgotPasswordModal.vue';
// // 获取当前路由
const route = useRoute();

// 计算属性，判断是否为video路径
const isVideoPath = computed(() => {
  return route.path.includes('/video');
});
</script>